//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/personCenter/refund.css" rel="stylesheet" type="text/css")

block content
	//- 退货退款内容
	div.refundContent
		div.refundTitle 退货退款
		//- 流程时间轴
		div.timelineBox
			div.line
				div.box.box1.bigOne.current
					span.circle 1
					p.txt 采购商申请仅退款
				div.box.box2.box_big.current
					span.circle.circle2 2
					p.txt 等待供应商处理
				div.box.box3
					span.circle.circle3.circle03 3
					p.txt 等待系统审核
				div.box.box4
					span.circle.circle4 4
					p.txt 退款完成
		//- 商品信息
		div.shopsMsg.shopsMsg_1
			div.shopMsgLeft.fl
				div.shopTitle 退款申请
				div.detailBox
					div.listTxt.listTxt_1
						p.tkType
							| 退款类型：
							| <i>退货退款</i>
						p.thMoney
							| 退款金额：
							| <i>189.00元</i>
						p.orderBh
							| 订单编号：
							| <i>1231231231313</i>
						p.orderStatu
							| 订单状态：
							| <i>确认收货</i>
						p.buyerphone
							| 买家手机：
							| <i>12345678912</i>
						p.reason
							| 退款原因：
							| <i>有地方都坏了</i>
						
				div.shopTitle 商品信息
				div.detailBox
					div.imgBox
						img(src="")
						p.nameTxt.fr
					div.listTxt.listTxt_1
						p
							| 单价：
							| <i class="dj"></i>
						p
							| 数量：
							| <i class="number"></i>
						p
							| 小计：
							| <i class="xj"></i>
						p
							| 订单编号：
							| <i class="bh"></i>
						p
							| 成交时间：
							| <i class="dealTime"></i>
						p
							| &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总计：
							| <i class="allcount"></i>
			div.shopMsgRight_1.fl
				div.waitBox
					h3 供应商处理中.....请等待
					ul
						li 如果商家同意，则退款申请达成，系统核实后会把钱退回您选择的账户
						li 在官方客服处理退款期间，你还可以与商家进行自行协商，若协商一致可取消退款
						li 在申请退款的过程中，您可以留言上传相关凭证，以便客服处理退款
					p.serviceBtn 结束售后
				//- div.another
				//- 	p 您还可以：
				//- 	a.modify(href="javascript:;") 修改退款申请
				//- 	a(href="javascript:;") 取消退款
	//- 遮罩层
	div.mask
		div.maskBox
			p.top_t 取消售后
			p.sure_t 确认取消售后？
			div.btn_s
				a.sure(href="javascript:;") 确定
				a.cancle(href="javascript:;") 取消

//- js
block append pageScript
	script.
		//- 点击退换货按钮
		$(function() {
			//- 商品信息
			$.post(shopIp+"/Order/info",{
				userToken:token,
				order_id:thisRequest.order_id,
				user_identity:"buyer"
			},function(data) {
				var goods = data.data.goods;
				var refund = data.data.refund_apply;
				$(".imgBox img").attr("src",goods.img);
				$(".nameTxt").html(goods.goods_name);
				$(".dj").html(goods.amount_price);
				$(".number").html(goods.goods_num);
				$(".xj").html(goods.amount_price);
				$(".bh").html(goods.order_sn);
				$(".allcount").html(goods.amount_price);
				//- 退款申请
				$(".tkType i").html(refund.refund_type);
				$(".thMoney i").html(refund.refund_amount);
				$(".orderBh i").html(refund.order_sn);
				
				$(".buyerphone i").html(refund.phone);
				$(".reason i").html(refund.reason);
				if(goods.finished_time == null) {
					$(".dealTime").html("无");
				}else{
					$(".dealTime").html(goods.finished_time);
				}
				if(goods.finished_time == null) {
					$(".orderStatu i").html("无");
				}else{
					$(".orderStatu i").html(refund.order_state);
				}
			})

			//- 点击同意售后
			$(".serviceBtn").click(function() {
				$(".mask").show();
			})
			//- 点击确定
			$(".sure").click(function() {
				$.post(shopIp+"/OrderBuyer/determineCustomerService",{
					userToken:token,
					order_id:thisRequest.order_id,
				},function(data){
					console.log(data);
					if(data.staus == "200") {
						layer.msg(data.msg);
						$(".mask").hide();
					}else{
						layer.msg(data.msg);
						$(".mask").hide();
					}
				})
			})
			//- 点击取消
			$(".cancle").click(function() {
				$(".mask").hide();
			})
		})
		


